<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/5.2.3/css/bootstrap-grid.css" rel="stylesheet">
    <title>Document</title>
</head>
<style>
    .first-screen {
      color: #FFF;
      padding left: 10px;
    }

    .first-screen a {
      color: white;
    }

    .news-cover img {
      width: 100%;
    }

    .news-type p {
      margin-bottom: 0;
    }

    .news-type span {
      margin-right: 1em;
      font-size: 14px;
    }

    .meta {
      font-size: 14px;
    }

    h1 {
      font-size: 48px;
      font-family: "微软雅黑";
      font-weight: bold;
      border-bottom: 1px white solid;
      line-height: 1.5;
      padding-bottom: 16px;

    }

    h2 {
      font-size: 32px;
      padding: 0;
    }

    .main-content {
      margin-top: 64px;
      max-width: 677px;
      line-height: 1.7;
      margin-left: auto;
      margin-right: auto;
    }

    .abstract {
      font-size: 14px;
      color: #5a5959;
      background: linear-gradient(180deg, rgba(213, 212, 208, 1) 0%, rgba(213, 212, 208, 1) 1%, rgba(238, 238, 236, 1) 31%);
      padding: 1em;
      border-radius: 8px;
      margin-bottom: 64px;
    }

    .svg-icon {
      margin-bottom: 1em;
    }

    h2 {
      background-image: url(images/yuifu.svg);
      background-repeat: no-repeat;
      background-size: 8%;

      padding-left: 2em;
    
     font-size: 32px;
      font-family: "微软雅黑";
      font-weight: bold;
      margin: 32px 0;
      
    }
    .news-main-body p {
      font-size: 16px;
      line-height: 2;
    }

    .news-main-body p img {
      display: block;
      max-width: 100%;
      max-height: 600px;
      margin: 0 auto;
      border: 1px rgba(213, 212, 208, 1) solid;
      border-radius: 4px;
    }

    .footer {
      background-color: #484848;
      /* height: 300px; */
      margin-top: 64px;
      color: white;
      padding: 56px 0;
    }

    h6 {
      margin-bottom: 2em;
    }

    .flex-container {
      display: flex;
      flex-wrap: wrap;
    }

    .flex-container p {
      width: 58px;
      margin-bottom: 0;
      line-height: 2;
    }

  </style>
</head>

<body>
  <div class="container-fluid first-screen">
    <div class="row align-items-end" style="background-color: #501f1f;">
       <div class="col-md-6 ">
          <h1>文化圈层 | 汉服：发展与复兴</h1>
          <div id="news-meta">
             <p class="meta">文 |  魏宇琳 邱锶塬 <a href="https://www.thepaper.cn/" target="_blank">澎湃新闻</a>  </p>
          </div>
       </div>
       <div class="col-md-6 news-cover">
          <img src="https://ts1.cn.mm.bing.net/th/id/R-C.e4a398545040efab27c6d2a28a0ad396?rik=UTFvyuVgyy%2f5vA&riu=http%3a%2f%2fimg.52guzhuang.com%2ftupic%2f201601%2f18%2f141850hfa1aq41eaykyka0.jpg&ehk=wLKbON4fOYQMtZ8OsFMIF%2fG%2byA%2b8ASJxrBHmi3Gy8rA%3d&risl=&pid=ImgRaw&r=0" alt="" style="padding:0 ;">
       </div>
   </div>
  <div class="container main-content" style="color: black;">
    <div class="abstract d-none d-md-block">
      <div class="svg-icon"><svg class="icon"
          style="width: 2em;height: 2em;vertical-align: middle;fill: currentColor;overflow: hidden;"
          viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5922">
          <path
            d="M218.182314 471.957744m28.439598 0l538.607599 0q28.439598 0 28.439598 28.439598l0 14.307037q0 28.439598-28.439598 28.439598l-538.607599 0q-28.439598 0-28.439598-28.439598l0-14.307037q0-28.439598 28.439598-28.439598ZM398.067132 638.582382m28.439598 0l358.722781 0q28.439598 0 28.439598 28.439598l0 14.307037q0 28.439598-28.439598 28.439598l-358.722781 0q-28.439598 0-28.439598-28.439598l0-14.307037q0-28.439598 28.439598-28.439598ZM492.982109 808.173113m28.439598 0l263.807804 0q28.439598 0 28.439598 28.439598l0 14.307037q0 28.439598-28.439598 28.439598l-263.807804 0q-28.439598 0-28.439598-28.439598l0-14.307037q0-28.439598 28.439598-28.439598ZM218.182314 808.173113m28.439598 0l59.32186 0q28.439598 0 28.439598 28.439598l0 14.307037q0 28.439598-28.439598 28.439598l-59.32186 0q-28.439598 0-28.439598-28.439598l0-14.307037q0-28.439598 28.439598-28.439598ZM885.37877 139.580849h-139.580849V41.350826A41.350826 41.350826 0 0 0 704.447095 0h-52.342818a41.525302 41.525302 0 0 0-41.525303 41.350826V139.580849H420.923496V41.350826A41.525302 41.525302 0 0 0 379.398194 0h-52.342818a41.350826 41.350826 0 0 0-41.350827 41.350826V139.580849H138.62123A110.966775 110.966775 0 0 0 27.828932 250.198671v663.00903a110.966775 110.966775 0 0 0 110.792298 110.792299h746.75754a110.966775 110.966775 0 0 0 110.792298-110.792299v-663.00903A110.966775 110.966775 0 0 0 885.37877 139.580849z m0 814.803203H138.62123A41.001874 41.001874 0 0 1 97.619356 913.207701V376.170387h828.761288v537.037314a41.001874 41.001874 0 0 1-41.001874 41.001875z"
            p-id="5923"></path>
        </svg></div>
      <p>
        “汉服”又称汉衣冠、汉装、华服，总体来说指汉族传统民族服饰。汉服的定义并不仅限于汉朝的服饰，但必须是汉族的传统服饰。如旗袍、马褂等满族服饰，虽然也是传统服饰，但并不属于“汉服”的范畴。此外，“汉服”的本质是包含头冠、头饰、鞋履、佩饰等在内的一个完整服饰体系，而不只局限于衣服。汉服文化是反映儒家礼典服制的文化总和，贯穿西周到明朝的儒家书史体系，体现在祭服、朝服、公服、常服以及配饰上。汉服不仅仅是一件衣裳，而是由衣服、冠、面饰、鞋、饰物等共同组合成的整体礼仪系统。汉服文化从三皇五帝延续至今（清代被迫中断），是一种非常成熟并自成体系的千年文化。在当代，汉服文化正逐渐复兴。
      </p>
      <p>
       
      </p>

    </div>
    <div class="news-main-body">
    <section>
        <h2>形制<h2></section>
   
      <p>汉服的服装结构从上至下分为领、襟、衽、衿、裾、袖、袂、带、韨等十个部分。前后具有对称性，也就是说在制作时取用两幅等长的布，分别对折，作为前襟后裾，缝合后背中缝。若前襟无衽则为直领对襟衣；若再取一幅布，裁为两幅衽，缝在左右两襟上，则称之为斜领右衽衣。每部分的形制也繁杂多样：常见的领有直领、圆领、竖领、方领以及坦领；常见的襟有大襟和对襟；常见的裙有一片式褶裙、交输裙、百迭裙以及马面裙；常见的袖有箭袖、直袖、琵琶袖以及广袖。</p>

      <p>
        除衣裳外，首服、配饰的种类也是繁多的。首服指头饰。成年男子往往以冠、巾、帽等为头饰，形制具有多样性，常见的有冕、弁、幞头等。女子所佩戴的头饰有八种，即为簪、栉、钗、华胜、步摇、金钿、珠花、勒子。佩饰则主要包括：佩玉、披帛、袜、香囊、革带、玉带、腾蛇等。
      </p>
      <p><img src="images/162.jpg" alt="" style="width: 500px;height: 450px;"></p>
      <h2>纹饰</h2>
      <p>
        服饰的纹样具有装饰点缀作用，同时也具有深刻的寓意，传统的汉族服饰往往采用动物、植物、几何状的纹饰。动植物的刻画一般呈现出细腻逼真的特点，而几何图形则呈现出规整对称的特点。常见的图案有：双鱼报喜、麒麟童子、四合如意、鱼跃莲池、五谷丰登、绣球狮子、八宝奔兔等。
      </p>
     <h2>颜色</h2>
      <p>
        传统汉服的颜色受政治文化的影响在古代有着严格的区分。古人所理解的世界由青赤黄黑白五种颜色构成，称之为五正色，是极为尊贵的。其他颜色则是调和色，由五正色调和而成，称之为“间色”。当今社会由于不再有阶级划分的限制，汉服的颜色搭配也变得更加随心所欲，颜色种类也随之增加。常见颜色可见下图。
      </p>
      <p><img src="images/167.jpg" alt=""></p>

      <h2>内涵</h2>
      <p>
        “天人合一”的形制内涵</p>
      <p>“天人合一”是我国古代传统文化的核心，它的理念和人生理想追求体现在汉服的设计中，表征了汉服的深层意蕴和外在形式的审美。汉服在结构方式上以“上衣下裳”为原则，象法天地。古时劳动人民在观察自然中得知，清晨天未亮时，天空为玄色，上衣如天，所以用玄色；而大地为黄色，下裳如地，服色采用黄色，以此表达对天和地的崇拜。汉服中还有许多细节体现了天人合一的理念，比如，汉服中的宽大袖口，表征了天道圆融；汉服中的深衣体现出公平正直和包容万物的东方美德。正是“天人合一”的文化内涵赋予了汉服特有的意蕴。</p>
      <p>“五行”和“五色”的色彩内涵</p>
      <p>色彩对服饰在审美效果上起着重要的作用。汉服的色彩不仅能起到很好的装饰作用，而且还能集中反映其文化内涵，具有较强的象征性。汉服的色彩与自然变化相协调，早在西汉时期，帝王顺应四季而采用四季之色，形成“四时衣”，到了东汉，师法五行思想，改为“五时”，对应五行的五色，既春青、夏赤、季夏黄、秋白、冬黑，汉服遵循着五行五色体系一直延用到清代，体现了中华民族顺应天道，师法自然，以达到“天工”与“人工”浑然一体的境界。汉服“五色”与阴阳五行的重要关联，使人的行为与世间万物运行规律保持协调，体现汉服的审美意蕴。</p>
      <p>“文质彬彬”的“中和”之美</p>
      <p>汉服将内容和形式进行统一，将事物组构的意蕴和内容有机结合。在汉服的服饰上主要体现在以下三点：第一，体现人与人的交际礼仪；第二，体现人们的身份地位和品行；第三，追求美学上的审美意蕴。汉服在艺术形式上将各个要素进行有机整合，体现出“中和之美”。</p>

      
    </div>

  </div>
  <div class="container-fluid footer">
    <div class="container">
      <div class="row">
        <div class="col-lg-7">
          <div class="row">
            <div class="col-md-3">
              <h6>早报内容</h6>
              <div class="flex-container d-none d-lg-flex">
                <p>item1</p>
                <p>item2</p>
                <p>item3</p>
                <p>item1</p>
                <p>item2</p>
                <p>item3</p>
              </div>
            </div>
            <div class="col-md-4">早报内容</div>
            <div class="col-md-5">早报内容</div>
          </div>
        </div>
        <div class="col-lg-5">早报内容</div>
      </div>
    </div>
  </div>

  </div>
</body>

</html>

</html>